// 侧边菜单样式
.side-menu {
  background: #ffffff;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  .ant-menu {
    background: transparent;
    
    .ant-menu-item {
      margin: 4px 8px;
      border-radius: 6px;
      
      &:hover {
        color: #1890ff;
      }
      
      &.ant-menu-item-selected {
        background: #e6f7ff;
        color: #1890ff;
        font-weight: 500;
      }
    }
    
    .ant-menu-submenu {
      .ant-menu-submenu-title {
        margin: 4px 8px;
        border-radius: 6px;
        
        &:hover {
          color: #1890ff;
        }
      }
      
      .ant-menu-item {
        padding-left: 48px !important;
      }
    }
  }
}

// 响应式设计
@media (max-width: 768px) {
  .side-menu {
    width: 80px !important;
    max-width: 80px;
    min-width: 80px;
    
    .ant-menu-item {
      padding: 0 16px !important;
      text-align: center;
      
      .ant-menu-title-content {
        display: none;
      }
    }
    
    .ant-menu-submenu {
      .ant-menu-submenu-title {
        padding: 0 16px !important;
        text-align: center;
        
        .ant-menu-title-content {
          display: none;
        }
      }
    }
  }
}